<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>桌游精灵</title>

    <script src="https://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
    <link href="https://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
    <script src="https://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
     
    <link rel="stylesheet" href="./桌游精灵1.css">
   
</head>
<body>
   <header class="content">
        <div class="left"><img class="poto" src="../imgs/菜单.png" ></div>
        <div class="vote">投票</div>
        <div class="right"><img class="poto" src="../imgs/x.png" ></div>
   </header>


   <div class="speak">
       <div class="words">发言讨论结束，大家请投票</div>
       <div class="pattern"><img class="circ" src="../imgs/play.png"></div>
   </div>
    <div class="triangle"></div>

  
   <div class="main">
       <div class="middle">
            <div class="mi">点击得票数最多人的头像</div>
       </div>


       <br>
       <div class="rule-wrap">
        <div class="rule rule-first">
            <div class="mes">
                <div class="name">水民</div>
                <div class="number">1号</div>      
            </div>
            <div class="options">
                <img class="icon" id="icon-1" src="/修真院任务/桌游精灵/imgs/icon-1.png">
                <img class="icon" id="icon-2" src="/修真院任务/桌游精灵/imgs/icon-2.png">
                <img class="icon" id="icon-3" src="/修真院任务/桌游精灵/imgs/icon-3.png">
                <img class="icon" id="icon-4" src="/修真院任务/桌游精灵/imgs/icon-4.png">
            </div>
        </div>
        <div class="rule">
            <div class="mes">
                <div class="name">水民</div>
                <div class="number">1号</div>
            </div>
        </div>
        <div class="rule">
            <div class="mes">
                <div class="name">水民</div>
                <div class="number">1号</div>
            </div>
        </div>
        <div class="rule">
            <div class="mes">
                <div class="name">水民</div>
                <div class="number">1号</div>
            </div>
        </div>
        <div class="rule">
            <div class="mes">
                <div class="name">水民</div>
                <div class="number">1号</div>
            </div>
        </div>
        <div class="rule">
            <div class="mes">
                <div class="name">水民</div>
                <div class="number">1号</div>
            </div>
        </div>
        <div class="rule">
            <div class="mes">
                <div class="name">水民</div>
                <div class="number">1号</div>
            </div>
        </div>
        <div class="rule">
            <div class="mes">
                <div class="name">水民</div>
                <div class="number">1号</div>
            </div>
        </div>
        <div class="rule">
            <div class="mes">
                <div class="name">水民</div>
                <div class="number">1号</div>
            </div>
        </div>
        <div class="rule">
            <div class="mes">
                <div class="name">水民</div>
                <div class="number">1号</div>
            </div>
        </div>
        <div class="rule">
            <div class="mes">
                <div class="name">水民</div>
                <div class="number">1号</div>
            </div>
        </div>
        <div class="rule">
            <div class="mes">
                <div class="name">水民</div>
                <div class="number">1号</div>
            </div>
        </div>
    
 
   </div>


   <footer >
       <div class="foot">
           <button class="last">投死</button>
       </div>
   </footer>


</body>
</html>